<!--
 * Copyright ©
 * #  
 * @author: zw
 * @date: 2021-11-10 
 -->

<template>
  <div class="mb-5 box-border">
    <div class="rounded-md border border-gray-400">
      <header class="h-9 bg-red-600 text-white text-base text-center leading-9">
        <h1>{{ field }}运势总结</h1>
      </header>
      <div class="bg-white text-sm p-2.5 leading-5">{{ content || "加载中" }}</div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "Summary",
  props: { field: String, content: String },
  setup(props, { emit, slots }) {
    return {};
  },
});
</script>

<style lang="css" scoped></style>
